<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>v-model</title>
		<script type="text/javascript" src="js/vue.js"></script>
		<script>
			window.onload = function() {
				var myapp = new Vue({
					el: "#box",
					data: {
						message: "welcome vue!",
						arr: ["aa", "bb", "cc"],
						itme: {
							a: "apple",
							b: "Samsung",
							c: "Huawei"
						}
					}
				})
			}
		</script>
	</head>

	<body>
		<div id="box">
			<ul>
			<li v-for="(index,value) in arr">
				{{index}} - {{value}}
			</li>
			</ul>
			
			<ul>
			<li v-for="(itmes,indexs,key) in itme">
				{{itmes}} - {{indexs}} - {{key}}
			</li>
			</ul>
		</div>
	</body>
	<!--
    	作者：offline
    	时间：2018-05-29
    	描述：v-for  数据在什么之上  value in 数据源,变量名 在 数据源  {{$index}},
    	这个是1.0版本写法,2.0以后就不支持了,获取他的下标索引,属于列表渲染
    -->

</html>